<template>
  <div id="app">
        <!-- 顶部 -->
    <Top></Top>
    <!-- 轮播图 -->
    <Banner></Banner>
    <!-- 列表内容 -->
    <Main></Main>
    <!-- 底部 -->
    <Tabbar></Tabbar>
  </div>
</template>

<script>
import Top from "./components/Top.vue";
import Banner from "./components/Banner.vue";
import Main from "./components/Main.vue";
import Tabbar from "./components/Tabbar.vue";
export default {
  name: "App",
  components: {
    Top,
    Banner,
    Main,
    Tabbar,
  },
};
</script>

<style>
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
input,button{
    border: 0;
    outline:none;
}
body{
  background-color: gainsboro;
}
#app {
  width: 340px;
  height: 560px;
  background-color: #fff;
  margin: 100px auto;
}
</style>
